<!-- 网络安全设备页面 -->
<template>
  <div class="app-container security-container">
     <div class="listBox"> 
      <el-button type="text" icon="el-icon-s-promotion" @click="toListIndex">返回首页</el-button>
    </div>
     <div>
      <el-button type="text" icon="el-icon-back" @click="back">返回</el-button>
    </div>
    <el-divider content-position="left">网络安全设备清单</el-divider>
    <div class="table">
      <el-table :data="tableData"  v-loading="loading" style="width: 100%" border stripe>
        <el-table-column label="序号" type="index" width="50"> </el-table-column>
        <el-table-column prop="name" label="名称" width="130"> </el-table-column>
        <el-table-column prop="detailed" label="详细" width="150"> </el-table-column>
        <el-table-column prop="position" label="安装位置" width="80"></el-table-column>
        <el-table-column prop="num" label="数量" width="50"></el-table-column>
        <el-table-column prop="procureTime" label="采购时间" width="100"></el-table-column>
        <el-table-column prop="totalAmount" label="总金额" width="80"></el-table-column>
        <el-table-column prop="purchasingUnit" label="采购单位" width="140"></el-table-column>
        <el-table-column prop="function" label="功能说明"></el-table-column>
        <el-table-column prop="notes" label="备注" width="80"></el-table-column>
      </el-table>
    </div>
    
  </div>
</template>

<script>
export default {
  name: 'Security',
  data() {
    return {
      tableData: [],
      loading: false
    }
  },
  mounted() {
    this.getList()
  },
  methods: {
     back() {
        this.$router.go(-1)
      },
     // 返回首页
      toListIndex() {
         this.$router.push({
          path: '/ListIndex'
        })
      },
    getList() {
      this.loading = true
         setTimeout(() => {
          const res = {
            code: 200,
            data: [
              {name:'互联网主防火墙', detailed:'AF-1000 B1510',position:'二机柜',num:1 , procureTime:'2022-8-22', totalAmount:'85000', purchasingUnit:'河北通尚信息技术有限公司', function:'本地防火墙主要是防护诚信系统互联网网络安全；借助防火墙的用于内部和外部网络的环境间产生一种保护的屏障，从而实现对内部服务器不安全网络因素的阻断。只有在防火墙同意情况下，用户才能够访问诚信内部系统，如果不同意就会被阻挡于外。减少了互联网非法用户的攻击。',notes:''},
              {name:'互联网备防火墙', detailed:'AF-1820-SJZ',position:'二机柜',num:1 , procureTime:'2017-11-20', totalAmount:'198240', purchasingUnit:'河北通尚信息技术有限公司', function:'', notes:''},
              {name:'政务防火墙', detailed:'DAS-NGFW690',position:'二机柜',num:1 , procureTime:'2021-9-30', totalAmount:'58800', purchasingUnit:'石家庄欣飞东方科技有限公司', function:'防护诚信系统与政务外网之间的网络安全，防止政务外网非法用户对诚信系统的访问。',notes:'' },
              {name:'VPN', detailed:'VPN-3050',position:'二机柜',num:1 , procureTime:'2017-11-20', totalAmount:'68000', purchasingUnit:'河北通尚信息技术有限公司', function:'VPN属于远程访问技术，在互联网网络上建立专用网络，进行加密通讯。VPN网关通过对数据包的加密和数据包目标地址的转换实现远程访问。保障了诚信内部用户的数据安全。' ,notes:''},
              {name:'UPS模块', detailed:'GA UPS模块',position:'西院机房',num:1 , procureTime:'2017-12-16', totalAmount:'42000', purchasingUnit:'石家庄欣飞东方科技有限公司', function:'UPS模块化不间断电源，提供机房的供电。' ,notes:''},
              {name:'密码机', detailed:'中孚密码机 HSS101',position:'一机柜',num:1 , procureTime:'2021-9-30', totalAmount:'118600', purchasingUnit:'河北通尚信息技术有限公司', function:'按照密评要求，用密码对信息系统实施加（解）密处理和认证的专用设备。' ,notes:''},
              {name:'国密VPN', detailed:'SJJ1813',position:'一机柜',num:1 , procureTime:'2022-8-22', totalAmount:'35000', purchasingUnit:'河北通尚信息技术有限公司', function:'按照等保测评、密评要求，vpn等加密设备需要支持国家密码等级要求。' ,notes:''},
              {name:'准入准出设备', detailed:'AC-1000 B1150',position:'一机柜',num:1 , procureTime:'2022-8-22', totalAmount:'63000', purchasingUnit:'河北通尚信息技术有限公司', function:'按照等保测评、密评要求，信息化系统需要配置网络准入系统，网络准入系统可以提供来访者网络接入管理，权限控制，访问记录等功能。' ,notes:''},
              {name:'堡垒机', detailed:'OSM-1000 B1150',position:'一机柜',num:1 , procureTime:'2022-8-22', totalAmount:'65000', purchasingUnit:'河北通尚信息技术有限公司', function:'按照等保测评、密评要求，需配置堡垒机，堡垒机是在一个特定的网络环境下，为了保障网络和数据不受来自外部和内部用户的入侵和破坏，而运用各种技术手段监控和记录运维人员对网络内的服务器、网络设备、安全设备、数据库等设备的操作行为，以便集中报警、及时处理及审计定责。' ,notes:''},
              {name:'日志服务器', detailed:'SIP-Logger A600',position:'一机柜',num:1 , procureTime:'2022-8-22', totalAmount:'60000', purchasingUnit:'河北通尚信息技术有限公司', function:'按照等保测评、密评要求，对所有信息设备需要进行日志集中存储，防止因为意外情况，导致系统、设备日志丢失。' ,notes:''}

          ],
            msg: '数据获取成功'
          }
          // console.log(JSON.stringify(res.data));
          this.tableData = res.data
          this.loading = false
        }, 1000)
      
    }
  }
}
</script>

<style lang="less" scoped>
  .security-container {
    // padding: 20px;
    .el-divider__text {
      font-size: 18px;
    }
    .listBox {
      position: absolute;
        top: 6%;
        right:3%;
       
      }
  }
</style>